<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>入门案列</title>
	</head>
	
	<body>
					
		     <div id="app">    
					<!-- 特点：如果页面没有渲染完成，则直接展现给用户 
					插值表达式需要直接显示
					注意事项：只有显示时采用，输入操作不可时候用-->			
		<h1>{{msg}}</h1>
		<span>{{}}</span>
		<p></p>
		<!-- 1.v-test指令：如果页面没有渲染完成，则不显示信息 -->
		<h1 v-text="msg"></h1>
		<!-- 2.v-html 直接渲染html标签 -->
		<h1 v-html="h3Html"></h1>
		<h1 v-html="l5"></h1>
		<!-- 3.跳过预编译  显示标签体的本身 -->
		<div v-pre>
			我是我达爸，我达是我儿，我儿是我达，我达爸是我{{msg}}</div>
			<!-- 4.v-once 只渲染一次 -->
			<div v-once>{{once}}</div>
		
		     </div>
			 
		<script src="../js/vue.js"></script>	
		<script >
			const APP=new Vue({
			  	 el: "#app",
			  	data: {
				msg: "您好VUE",
				h3Html: "我需要渲染",
				l5: "达达是我儿",
				once: "我只能是我达的爸 one",
			   }
		   })
		</script>
		
		
		
	</body>
	
</html>
